/*clearfix*/
.brform:after,
#status-bar:after,
#addon-validator-suite .tiers:after,
form.select-review:after,
form .char-count:after,
#addon-compat-upload:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

/* @group Edit addon */
#edit-addon .edit-addon-section {
    margin-bottom:3em;
    width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
}

#edit-addon h3 a {
    font-size: 11px;
    font-style: normal;
    position: relative;
    top: -3px;
    left: 3px;
}

#edit-addon h3 {
    margin-top: 0;
}

.save-badge {
    background: #41B300;
    border-radius: 1em;
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    margin-left: 0.5em;
    padding: 0.375em 1em;
    -moz-transition-property: opacity;
    -moz-transition-duration: 1s;
}

#version-status .version-changed {
    float: right;
    color: #888888;
}

#setup h3,
#marketplace-confirm h3,
.addon-submission-process > h3,
.developer-hub .primary > h3 {
    margin-top: 0;
    padding-top: 0;
}



ul.refinements:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#trans-tags input,
#trans-name input,
#id_contributions {
    width: 80%;
}

#submit-describe #trans-name,
#submit-describe #trans-support_email,
#submit-describe #trans-support_url {
    display: inline-block;
    margin-right: 8px;
    vertical-align: bottom;
}

#submit-describe #trans-name input,
#submit-describe #trans-support_email input,
#submit-describe #trans-support_url input {
    width: 370px;
}

#submit-describe .combine-name-summary,
#addon-edit-describe .combine-name-summary {
    display: flex;
    margin-right: 2px;
}

#submit-describe .combine-name-summary #trans-name,
#addon-edit-describe .combine-name-summary #trans-name {
    flex-grow: 20;
}

#submit-describe .combine-name-summary #trans-summary,
#addon-edit-describe .combine-name-summary #trans-summary {
    flex-grow: 50;
}

#submit-describe .combine-name-summary #trans-name input,
#addon-edit-describe .combine-name-summary #trans-name input,
#submit-describe .combine-name-summary #trans-summary input,
#addon-edit-describe .combine-name-summary #trans-summary input {
    width: 95%;
}

/*#id_homepage, #id_support_url, #id_support_email {*/
#trans-support_email input,
#trans-homepage input,
#trans-support_url input {
    width: 60%;
}

#slug_edit span, #id_slug {
  font-family: Verdana !important;
  /** This is so they match up size-wise **/
}

#slug_edit a {
    font-size: 10px;
}

#addon_tags_edit ul {
    columns: 3;
}

form .char-count,
.html-rtl form .edit-addon-details .char-count {
    float: left;
}
.html-rtl form .char-count,
form .edit-addon-details .char-count {
    float: right;
}

form .char-count {
    font-size: 0.9em;
}
form .edit-addon-details .char-count,
form .edit-addon-details .syntax-support {
    font-size: 1em;
}

form .char-count.error,
form .char-count.error b {
    color: #c00;
    margin-bottom: 0;
}

form .char-count b,
span.locale,
span.hint,
.devhub-form label {
    font-weight: normal;
}
.devhub-form th label {
    font-weight: bold;
    display: inline;
}

form .char-count,
span.locale,
span.hint {
    color: #888;
}

span.locale,
span.hint {
    display: block;
    font-size: .9em;
    line-height: 1;
    margin-top: 2px;
}

label.above-the-field .locale {
    display: inline;
    margin-left: 0.5em;
}

/*
Bug 622030- TODO (potch) fix this later

#addon-description,
#developer_comments {
    max-height: 6.4em;
    overflow: hidden;
}
*/

table .prose {
    margin: 0;
    overflow: hidden;
}

.edit-addon-details,
.edit-media-details {
    padding-top: 3px;
    font-size: 0.9em;
}

.edit-addon-details,
form .char-count b {
    color: #555;
}

.edit-media-details {
    padding-bottom: 5px;
    color: #444;
}

.edit-media-details .tip {
    font-size: 12px;
    height: 16px;
    width: 16px;
}

/* @group Add-on category selection */

.addon-app-cats {
    margin: 0 0 1.5em;
}

#edit-addon-describe p {
    margin: 0;
}

.addon-categories {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    margin-bottom: 0.5em;
}

#addon-categories-edit .addon-categories {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.addon-misc-category,
.addon-app-cats-inline {
    margin: 0;
}

.addon-categories label,
.addon-misc-category label {
    font-weight: normal;
}

.addon-app-cats-inline li b {
    margin-right: 0.25em;
}

/* @end */

.edit-previews-submit #file-list {
    margin-bottom: 5px;
}

#file-list td {
    white-space: nowrap;
}

#file-list td a {
    display: inline-block;
    max-width: 20em;
    text-overflow: ellipsis;
    overflow: hidden;
}

#file-list .preview {
    overflow: auto;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ADD0DC;
    background-color: #fff;
}

#file-list > div:last-child {
    display: none;
}

#file-list .preview .preview-delete {
    margin-right: 1.6em;
    text-align: right;
}

.html-rtl #file-list .preview .preview-delete {
    margin-right: 0;
}

#file-list .preview .preview_extra {
    display: none;
}

#file-list .preview label {
    color: #666666;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 0;
}

#file-list .preview textarea {
    font-size: 0.9em;
    height: 59px;
    line-height: 1.1em;
    width: 356px;
}

#file-list .preview .edit-previews-text {
    float: left;
}

.edit-previews-submit {
    border: 1px solid #C9E8F3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    padding: 15px;
}

.preview-thumb, .preview-error {
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #D2EDF5;
    float: left;
    height: 94px;
    margin-right: 15px;
    width: 125px;
}

.preview-error {
    background: #040204 url("../../img/zamboni/loading.gif") no-repeat center center;
    opacity: 0.5;
}

.preview-thumb.error-loading {
    border-color: #C63717;
    opacity: 0.5;
}

.edit-previews-readonly .preview-thumb {
    margin-right: 10px;
}

.addon-submission-process table td {
    border-bottom: 1px dotted #A4CFDE;
    padding-bottom: 15px;
    padding-top: 15px;
}

.addon-submission-process #submit-media,
.addon-submission-process #submit-media .item {
    margin-top: 0;
}

#submit-media > p {
    margin: 0;
}

#icons_default {
    border: 1px solid #6A89AC;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 5px;
    background-color: #fff;
}

#icon_preview_readonly img {
    margin-right: 20px;
}

#icons_default label {
    display: none;
}

#icons_default li {
    display: inline-block;
}

#icons_default li.hide {
    display: none;
}

#icons_default li a {
    padding:8px;
    display:block;
    -moz-border-radius: 3px;
}

#icons_default li a:hover {
    background-color:#eee;
}

#icons_default li a img {
    display: block;
}

#icons_default li a.active {
    border: 1px solid #CADBFA;
    background-color: #E8F0FD;
    padding: 7px;
}

/* @end */

.addon-submission-process form div.addon-submission-field {
    margin-bottom: 1em;
}

.clear-info-request label {
    font-weight: normal;
}

.clear-info-request blockquote {
    font-style: italic;
}

.clear-info-request blockquote p {
    margin-bottom: 0;
}

.clear-info-request input[type="checkbox"] {
    margin-left: 0;

}

form.new-addon-file label,
#edit-addon-describe .addon-app-cats label {
    display: block;
    padding-bottom: 3px;
}
form.new-addon-file label[for=id_is_sideload] {
    display: none;
    margin-left: 20px;
}
.submit-license input[type=checkbox] + label {
    display: inline;
    padding-bottom: 0;
}

.addon-submission-process #id_name {
    width: 300px;
    display: inline-block;
    margin-right: 10px;
}

.addon-submission-process {
    padding-top: 1em;
}

/* @group Ownership */
.author_list .author-email {
    width: 220px;
    padding-right:20px;
}
.author_list {
    padding-top: 4px;
}
.author_list li {
    padding: 8px 0;
    border-bottom: 1px dotted #ADD0DC;
}
.author_list li:last-of-type {
    border: 0;
}
.author_list li > label,
.author_list li > input,
.author_list li > select {
    margin-right: .5em;
}
.author_list .handle,
#file-list .handle {
    width: 20px;
    height: 16px;
    display: inline-block;
    cursor: move;
    background: url(../../img/zamboni/icons/icon-draggable.png) no-repeat 0 center;
}
#file-list .handle {
    display: block;
    float: left;
}
.author_list .blank * {
    display: none;
}
.author_list .blank .author-email,
#authors_pending_confirmation .author-email {
    display: inline;
    margin-left: 23px;
}
.author .errorlist {
    display: none;
}
input.formerror {
    border-color: #c00;
}
input.invalid {
    background: url(../../img/zamboni/notifications.png) no-repeat 229px -160px;
}
input.valid {
    background: url(../../img/zamboni/notifications.png) no-repeat 226px -367px;
}
.license-other input {
    margin-bottom: 1em;
}
.devhub-form .priv label,
.devhub-form .eula label,
.devhub-form .license-other label {
    font-weight: bold;
    margin-bottom: .5em;
}
.devhub-form .priv,
.devhub-form .eula,
.devhub-form .license-other {
    margin: 16px 0 0 32px;
}
.eula label,
.priv label {
    font-weight: bold;
}
#author-roles-help {
    display: none;
}
#what-are-roles {
    display: block;
    font-size: .9em;
    font-weight: normal;
}
/* @end */

/* @group Payments */
.payments .intro {
    background-color: #FFFFFF;
    border: 1px solid #C9E8F3;
    padding: 1em;
    width: 300px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top;
}
.payments .full-intro {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.payments .intro ul {
    list-style-type: disc;
    padding: 0 0 1em 1em;
    border-bottom: 1px dotted #ADD0DC;
}
.html-rtl .payments .intro ul {
    padding: 0 1em 1em 0;
}
.payments .intro h3 {
    margin-top: 0;
}
.payments .intro ul,
.payments .intro p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 1em;
}
.payments .intro ul li + li {
    margin-top: .5em;
}
.payments .intro p.error {
    margin: 0;
}
.payments .intro .button-wrapper,
.payments .learn-more {
    text-align: center;
}
.payments .indent {
    padding-left: 2em;
}
.devhub-form .brform label,
.devhub-form .b {
    font-weight: 500;
}
.brform > label,
.brform > input,
.brform > div,
.brform > ul {
    display: block;
}
.payments form > div {
    margin-bottom: 2em;
}
.extra {
    font-size: .9em;
    line-height: 1.4em;
}
a.extra {
    margin-left: .5em;
}
#status-bar form {
    float: right;
    margin: 0;
    padding: 0;
    font-size: .9em;
    font-weight: 500;
}
#status-bar p {
    float: left;
    margin: 0;
    padding: 0;
}
#status-bar p span {
    font-size: 0.9em;
}
#status-bar {
    padding: .5em 1em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 2em;
    background: #fff;
    border: 1px solid #C9E8F3;
}
/* @end */


/* @group Versions */

#version-status > div {
    border-top: 1px dotted #ADD0DC;
    margin: 0 10px;
    padding: 10px 0;
}

#version-status > div:first-child {
    border-top: 0;
}

#version-status strong {
    display: block;
}

#version-status .version-changed {
    color: #AAA;
    display: block;
    font-size: 11px;
}

#version-list table {
    width: 100%;
}

#version-list table th {
    color: #888;
    font-size: 11px;
    padding: 0 0 5px 0;
}

#version-list table th.version-delete {
    width: 35px;
}

#version-list table .version-delete {
    text-align: right;
}

#version-list .version-delete .remove {
    float: none;
    margin: 0;
}

b.review-history-pending-count {
    background-color: #000;
    border-radius: 5px;
    padding: 0 0.3em;
    color: #FFF;
}

div.history-container {
    margin: 0em 1em;
}

div.review-entry {
    padding: 0.5em 1em;
    margin-bottom: 0.25em;
    display: flex;
    justify-content: space-between;
}

div.review-entry.new {
    background-color: #FFFFD5;
}

div.review-entry p {
    color: #999;
    margin-bottom: 0px;
}

div.review-entry pre {
    white-space: pre-wrap;
    max-width: 650px;
    overflow-wrap: break-word;
    margin-bottom: 0px;
}

div.dev-review-reply {
    margin: 0em 1em;
}

div.dev-review-reply textarea {
    border-color: #999;
    border-radius: 3px;
    margin: 0.5em 0em;
}

div.dev-review-reply button {
    float: right;
}

.status-lite-nom i,
.status-nominated b,
.status-unreviewed b {
    font-style: normal;
    color: #3e7987;
}

.status-incomplete b,
.status-disabled b,
.status-admin-disabled b,
.status-purgatory b {
    color: #851006;
}

.status-approved b,
.status-lite b,
.status-lite-nom b {
    color: #329902;
}

#version-status-item b {
    font-weight: normal;
}

.version-status-actions {
    border-top: 1px dotted #ADD0DC;
    margin-top: 10px;
    padding-top: 5px;
}

.version-status-actions form {
    display: inline;
}

.version-status-actions button.link {
    font-weight: normal;
}

.version-status-actions .warning {
    font-weight: bold;
    color: #666;
    background: #fff0a6;
}

.delete-button:hover,
.delete-button {
    background: #c22;
    background: linear-gradient(#f77, #c22);
    background: -webkit-gradient(linear, left top, left bottom, from(#f77), to(#c22));
    border-color: #ad1212;
    text-shadow: 0 -1px #e00;
}
a.delete-button:hover,
a.delete-button {
    border: 1px solid #ad1212;
    -moz-border-radius: .95em;
    -webkit-border-radius: .95em;
    border-radius: .95em;
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
    box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.538;
    padding: 0 .95em;
    text-decoration: none;
    text-shadow: 0 -1px 0 #e00;
}
a.delete-button:hover {
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,1);
    box-shadow: inset 0 0 2px rgba(255,255,255,1);
    color: #fff;
}

.email_comment {
    white-space: pre-wrap;
}

pre.email_comment {
    /* Override unwanted <pre> styles */
    margin-bottom: 0;
    color: inherit;
    font: inherit;
}

.modal p + .close,  /* Hide impala X buttons. */
#modals {
    display: none;
}

/* @end */

/* @group Upload Version */
.upload-file {
    padding: 20px;
}

#upload-file {
    margin: 0;
}

#upload-file h3 {
    margin-top: 0;
}

#upload-file > div, .modal-actions {
    margin-top: 1em;
}

#upload-file .upload-status {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #D2ECF5;
    margin-bottom: 1em;
    padding: 10px;
}

#upload-file .upload-status div {
    margin-top: 1em;
    line-height: 1em;
}

#upload-file .upload-details {
    font-size: 11px;
    color: #999;
    margin: 0 0 10px;
}

#upload-file .upload-status div:first-child {
    margin-top: 0;
}

#upload-file .upload-status #upload-status-results strong {
    display: block;
}

#upload-file p {
    margin-bottom: 1em;
}

#upload-file .admin-settings {
    margin-top: 1em;
}

#upload-file #id_compatible_apps {
    margin-top: 0.5em;
}

#upload-file #id_compatible_apps>* {
    float: none;
}

#upload-file .compatible-apps {
    /* hidden by default, shown by JavaScript for extensions */
    display: none;
}

#upload-file .compatible-apps label.app {
    padding-left: 25px;

    background-repeat: no-repeat;
    background-size: 20px;
}

#upload-status-bar {
    background-color: #F2F2F2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 20px;
}

#upload-status-bar.bar-fail {
    background-color: #D81916;
}

#upload-status-bar.bar-success {
    background-color: #325487;
}

#upload-status-bar div {
    background-color: #8BC5FA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 0%;
    height: 20px;
}

#upload-status-bar.progress-idle,
#upload-status-bar.progress-idle div {
    background-image: url('../../img/developers/progress.gif');
}

#upload-status-bar.progress-idle {
    background-position: 0 -26px;
}

#upload-status-results ul {
    font-size: 11px;
    line-height: 1.4em;
    list-style: disc inside none;
    margin: 0 0 0 24px;
    padding-top: 3px;
}

#upload-status-results {
    background-repeat: no-repeat;
    display: none;
}

#upload-status-results a.view-more {
    color: #359AFF;
    display: block;
    font-size: 12px;
    padding-left: 24px;
    padding-top: 5px;
}

#upload-status-results.status-fail,
#upload-status-results.status-pass {
    display: block;
}

#upload-status-results a.addons-linter-info {
    font-size: 0.8em;
    padding: 0px 0 10px 0;
    display: inline-block;
}

#upload-status-results strong {
    background-image: url("../../img/zamboni/icons/checks.png");
    background-repeat: no-repeat;
    padding: 2px 0 2px 24px;
}
.html-rtl #upload-status-results strong {
    padding: 2px 24px 2px 0;
}

#upload-status-results.status-fail strong {
    color: #D81916;
    background-position: 0 -120px;
}
.html-rtl #upload-status-results.status-fail strong {
    background-position: 100% -120px;
}

#upload-status-results.status-pass strong {
    color: #325487;
    background-position: 0 -80px;
}
.html-rtl #upload-status-results.status-pass strong {
    background-position: 100% -80px;
}

#upload-file .upload-status #uploadstatus {
    color: #777777;
    font-size: 11px;
    margin-top: 4px;
}

.platform-disabled {
    color: #777777;
}

#upload-file .submission-warning {
    margin: 10px;
    padding: 10px 10px 10px 52px;
    border-radius: 10px;
    border: 1px solid #F0B500;
}

#upload-file .submission-warning h5 {
    line-height: 32px;
}

#upload-file .submission-warning h5:before {
    background-image: url('../../img/developers/test-warning.png');
    width: 32px;
    height: 32px;
    margin-left: -42px;
    margin-right: 10px;
    content: " ";
    display: inline-block;
    vertical-align: middle;
}
#upload-file .submission-warning ul {
    margin-left: 0;
}
#upload-file .submission-warning li {
    float: none;
}
#upload-file .submission-warning a.review-process-overview {
    font-style: italic;
    display: block;
    margin-top: 10px;
}

/* @end */

/* @group Recent Activity */
.secondary-feed {
    padding: 1em 0 0 1em;
}
.secondary-feed .subscribe {
    padding: 2px 0 0 24px;
}

#recent-activity .listing .item img.icon {
    top: 1em;
}

#recent-activity .listing .item p {
    padding-left: 7px;
}

.listing .item .action {
    background: url(../../img/zamboni/icons/feed-icons.png) no-repeat;
    display: block;
    float: left;
    margin-top: 3px;
    height: 32px;
    width: 23px;
}
.listing .item .action.action-review     { background-position: 0 -32px; }
.listing .item .action.action-tag        { background-position: 0 -64px; }
.listing .item .action.action-collection { background-position: 0 -96px; }
.listing .item .action.action-edit       { background-position: 0 -128px; }
.listing .item .action.action-add        { background-position: 0 -160px; }
.listing .item .action.action-delete     { background-position: 0 -192px; }
.listing .item .action.action-approve    { background-position: 0 -224px; }
.listing .item .action.action-reject     { background-position: 0 -256px; }

#recent-activity .listing .item .timestamp {
    color: #555;
    font-size: 0.9em;
}

/* @end */

/* @group Header and main navigation bar */
.section {
    max-width: 75em;
}

.developer-hub #content-main,
.developer-hub .dashboard {
    min-height: 30em;
}

#navbar a, #navbar a:active, #navbar a:hover, #navbar a:focus, #navbar a:visited {
    color: white;
    text-decoration: none;
    cursor: pointer;
}
#navbar {
    display: block;
    border:  1px solid #021437;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 1.5em 0;
    color: white;
    font-size: 1.231em;
    white-space: nowrap;
    overflow: hidden;
}
#navbar ul.top {
    overflow: visible;
}
#navbar li.top {
    float: left;
    border-right: 1px solid #455c87;
    list-style: none;
}
#navbar li.top a.controller {
    display: block;
    padding: .5em 1.3em;
    margin: 0;
}
#navbar li.top a.controller {
    border-right: 1px solid #1e2e4c;
}
#navbar li.top:hover,
#navbar li.top.selected {
    background-image: url(../../img/bg/heading-dark-blue-highlighted.png);
}
#navbar li.top ul {
    display: none;
    position: absolute;
    z-index: 1001;
    top: auto;
    margin-left: -1px;
}
#navbar li.top ul,
#navbar li.top ul li:last-child {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#navbar li.top:hover ul {
    display: block;
}
#navbar li ul li {
    background-image: url(../../img/bg/heading-dark-blue-highlighted.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #305083;
    border-bottom: 1px solid #5a7297;
}
#navbar li ul li a {
    display: block;
    padding: .5em 1.3em;
    border-bottom: 1px solid #3f4f6a;
}
#navbar li.top ul li:last-child,
#navbar li.top ul li:last-child a {
    border: none;
}
/* @end */

/* @group Select a Review Process */

form.select-review .errorlist {
    margin-bottom: 1.5em;
}

.review-type {
    float: left;
    width: 50%;
}
.review-type .highlight {
    background-color: #fff;
    border: 1px solid #c8e8f3;
    margin-right: 0.5em;
}
.review-type + .review-type .highlight {
    margin: 0 0 0 .5em;
}

.review-type h4 {
    color: #666;
    font-size: 16px;
    margin: 0;
}
.review-type p,
.review-type ul {
    margin-top: 0.5em;
}
.review-type ul {
    min-height: 8em;
}

/* @end */

#upload-file li {
    float: left;
    margin-right: 8px;
}
.html-rtl #upload-file li {
    float: right;
}
#upload-file ul {
    overflow: hidden;
    margin-bottom: 1em;
}

#upload-file select {
    margin: 1em 0;
}
#upload-file .binary-source input[type="file"] {
    margin-bottom: 1em;
}

#file-list select {
    margin-right: 1em;
}
#file-list { margin-bottom: 1em;}
#file-list tr {
    border-bottom: 1px dotted #ADD0DC;
}

/* @group Add-on validator suite */
#addon-validator-suite {
    color: #929292;
}
#addon-validator-suite .template,
#addon-validator-suite .hidden {
    display: none;
}
#addon-validator-suite .suite,
#addon-validator-suite .suite-container,
#addon-validator-suite .results .tier-results {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
}
#addon-validator-suite .suite h4 {
    color: #497ae1;
}
#addon-validator-suite .suite .ajax-loading h4 {
    color: #929292;
}
#addon-validator-suite .suite {
    border: 1px solid #4f6697;
}
#addon-validator-suite .suite-container {
    border: 4px solid #b5d9e5;
    margin-bottom: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
#addon-validator-suite .test-tier {
    padding: 52px 1em 0 1em;
    margin: 1em 0 1em 0;
    width: 17.1%;
    float: left;
    text-align: center;
    border-left: 1px dashed #b9cedb;
}
#addon-validator-suite .test-tier:first-child {
    border-left: none;
}
#addon-validator-suite .suite .tests-passed {
    background: url("../../img/developers/suite-pass.png") no-repeat top;
}
#addon-validator-suite .suite .tests-notrun {
    background: url("../../img/developers/suite-notrun.png") no-repeat top;
}
#addon-validator-suite .suite .ajax-loading {
    background: url("../../img/developers/suite-running.gif") no-repeat top;
}
#addon-validator-suite .suite .tests-failed {
    background: url("../../img/developers/suite-fail.png") no-repeat top;
}
#addon-validator-suite .suite .tests-warnings {
    background: url("../../img/developers/test-warning.png") no-repeat center 4px / 40px;
}
#addon-validator-suite .suite-summary {
    display: none;
    text-align: center;
    color: #626363;
    padding: 0.5em;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #bbcad7;
    background: #f7fbfd url("../../img/developers/suite-summary-bg.jpg") repeat-x top;
}
#addon-validator-suite .suite-options {
    padding-left: 1em;
    color: #626363;
    padding: 0.5em;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #bbcad7;
    background: #f7fbfd url("../../img/developers/suite-summary-bg.jpg") repeat-x top;
}
#addon-validator-suite .results .tier-results {
    border: 1px solid #b5d9e5;
    margin: 0 4px 4px 4px;
    background-color: #fff;
}
#addon-validator-suite .results {
    background: none;
    border: none;
}
#addon-validator-suite .results h4 {
    font-size: 1.4em;
    font-weight: normal;
    font-family: georgia,serif;
    margin: 0 0 0.4em 4px;
}
#addon-validator-suite .results .tier-results {
    height: 10em;
}
#addon-validator-suite .results .ajax-loading,
#addon-validator-suite .results .tests-passed,
#addon-validator-suite .results .tests-passed-notices,
#addon-validator-suite .results .tests-passed-warnings,
#addon-validator-suite .results .tests-failed,
#addon-validator-suite .results .tests-notrun {
    height: auto;
}
#addon-validator-suite .results .tests-passed,
#addon-validator-suite .results .tests-notrun,
#addon-validator-suite .results .ajax-loading {
    padding: 100px 0 45px 0;
    text-align: center;
}
#addon-validator-suite .results .tests-passed {
    background: #fff url("../../img/developers/suite-pass.png") no-repeat center 50px;
}
#addon-validator-suite .results .tests-notrun {
    background: #fff url("../../img/developers/suite-notrun.png") no-repeat center 50px;
}
#addon-validator-suite .results .ajax-loading {
    background: #fff url("../../img/developers/suite-running.gif") no-repeat center 50px;
}
#addon-validator-suite .result {
    margin-top: 2.85em;
}
#addon-validator-suite .result-summary {
    margin-top: 1.8em;
    visibility: hidden;
}
#addon-validator-suite .result-header {
    padding-bottom: 0.5em;
}
#addon-validator-suite .result h4 {
    float: left;
    margin-right: 1em;
}
#addon-validator-suite ul.result-nav {
    float: right;
    font-size: 0.9em;
    padding-right: 4px;
}
#addon-validator-suite ul.result-nav li {
    display: inline;
}
#addon-validator-suite ul.result-nav li:before {
    content: "|";
    margin: 0.3em;
}
#addon-validator-suite ul.result-nav li:first-child:before {
    content: "";
}
#addon-validator-suite .msg {
    margin: 0 1em;
    padding: 0.8em 1em 1em 45px;
}
#addon-validator-suite .msg {
    border-top: 1px dashed #b9cedb;
}
#addon-validator-suite .msg:first-child {
    border-top: none;
}
#addon-validator-suite .msg h5 {
    font-weight: bold;
    color: #565656;
}
#addon-validator-suite .msg p {
    margin: .8em 0;
}
#addon-validator-suite .msg-error {
    background: transparent url("../../img/developers/test-fail.png") no-repeat 0 1.1em;
    color: #ff0000;
}
#addon-validator-suite .msg-warning {
    background: transparent url("../../img/developers/test-warning.png") no-repeat 0 1.1em;
    color: #6b6b6b;
}
#addon-validator-suite .msg-info,
#addon-validator-suite .msg-notice {
    background: transparent url("../../img/developers/test-info.png") no-repeat 0 1.1em;
    color: #6b6b6b;
}
#addon-validator-suite .context {
    margin: 0.5em 0 0 1em;
    padding: 0.4em;
    color: #868686;
    border: 1px solid #f3f3f3;
    background-color: #f9f9f9;
    font-family: "Courier New", Courier, monospace;
}
#addon-validator-suite .context .file {
    font-size: 105%;
    margin-bottom: 0.3em;
}
#addon-validator-suite .context .lines {
    float: left;
    background-color: #f9f9f9;
}
#addon-validator-suite .context .inner-code {
    float: left;
    padding-left: 0.2em;
}
#addon-validator-suite .context .inner-code div {
    max-width: 45em;
    height: 1.65em;
    overflow: hidden;
    white-space: pre;
}
#addon-validator-suite .context .code:last-child:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#addon-validator-suite .context .code {
    font-size: 95%;
    background-color: #f3f3f3;
}
#addon-validator-suite .context .lines div,
#addon-validator-suite .context .inner-code div {
    padding: 0.1em;
}
#addon-validator-suite .context .lines div {
    margin-right: 0.3em;
}
#addon-validator-suite .version-change-link {
    display: block;
    float: right;
    font-size: 95%;
    margin-right: 5px;
}

#addon-validator-suite .validator-signing-only {
    display: none;
}
#addon-validator-suite.automated-signing .validator-signing-only {
    display: block;
}

/* @end */

.loading, .loaded {
    position:relative;
}
.loading:before {
    -moz-transition: opacity .5s;
    content: "\00a0";
    display: block;
    position: absolute;
    background: #040204 url("../../img/zamboni/loading.gif") no-repeat center center;
    opacity: .4;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
}
.item.loading:before {
    -moz-border-radius: 8px 8px 8px 8px;
}
.loaded:before {
    opacity: 0;
    pointer-events: none;
}

/* newsletter signup */
.newsletter-signup input[type="email"],
.newsletter-signup select {
    width: 30%;
}

.newsletter-signup input[type="submit"] {
    margin-top: 5px;
    padding: 0 10px;
}

.newsletter-signup form {
    margin-bottom: 0;
}

.newsletter-signup p {
    margin: 10px 0;
}

.newsletter-signup h3 {
    font-style: normal;
    margin: 0;
    margin-bottom: 10px;
}

.verify-email-actions {
    margin-top: 10px;
}

.verify-email-button {
    margin-top: 10px;
}

.verify-email-table {
    margin: 20px 0;
    width: 100%;
}

.verify-email-table table {
    border-collapse: collapse;
    border: 1px solid;
    width: 100%;
}

.verify-email-table tr {
    border: solid;
    border-width: 1px 0;
}

.verify-email-table td {
    padding: 5px;
    border: solid;
    border-width: 0 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

button.search-button {
  background: #84c63c url("../../img/icons/go-arrow.png") center no-repeat;
  background-image: url("../../img/icons/go-arrow.png"), linear-gradient(#84c63c, #489615);
  background-image: url("../../img/icons/go-arrow.png"), -webkit-linear-gradient(#84c63c, #489615);
  border: 0;
  float: right;
  vertical-align: bottom;
  cursor: pointer;
  height: 30px;
  width: 36px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
}

.html-rtl button.search-button {
  float: left;
  -moz-transform: scalex(-1);
  -webkit-transform: scalex(-1);
}

span.distribution-tag-listed, span.distribution-tag-unlisted {
    color: white;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: smaller
}

span.distribution-tag-listed {
    background-color: #01BDAD;
}

span.distribution-tag-unlisted {
    background-color: #7A2F7A;
}

.source-submission-note p {
    font-size: 0.9em;
    margin-bottom: 0.2em;
}

.source-submission-note p:last-child {
    margin-bottom: 1.5em;
}

.site_permission_generator select, .site_permission_generator input[type="text"] {
    box-sizing: border-box;
    width: 80%;
}
